<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
	<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/resources/css/screen.css" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Team 2 - Leave Application</title>
</head>
<body>
<div id="page-top-outer">    

<!-- Start: page-top -->
<div id="page-top">

	<!-- start logo -->
	<div id="logo">
		<h1 style="color: #fff; font-style: oblique;">NUS-ISS(LAMS)</h1>
	</div>
	<!-- end logo -->
	
	</div>
<!-- End: page-top -->

</div>
<!-- End: page-top-outer -->
	
<div class="clear">&nbsp;</div>
	<!--  start nav-outer-repeat................................................................................................. START -->
	<div class="nav-outer-repeat">
		<!--  start nav-outer -->
		<div class="nav-outer">

			<!-- start nav-right -->
			<div id="nav-right">
				<div class="nav">
					<div class="table">
						<div class="nav-divider">&nbsp;</div>
						<label class="current" id="username"><i>${loggedEmployee.name}</i></label>
						<div class="nav-divider">&nbsp;</div>
						<a href="${pageContext.request.contextPath}/logout"><label class="current"
							id="logout">Logout</label></a>
					</div>
					<!-- end nav-right -->
				</div>
			</div>

			<!--  start nav -->
			<div class="nav">
				<div class="table">
					<ul class="select">
						<li class="current"><a
							href="${pageContext.request.contextPath}/admin/managestaff"><b>Manage
									Staff</b></a></li>
						<li><a
							href="${pageContext.request.contextPath}/admin/manageleavetype"><b>Manage
									Leave Type</b></a></li>
						<li><a
							href="${pageContext.request.contextPath}/admin/manage-publicHoliday"><b>Manage Public Holiday</b></a></li>
					</ul>
					<div class="clear"></div>

				</div>
				<div class="clear"></div>
			</div>
			<!--  start nav -->

		</div>
		<div class="clear"></div>
		<!--  start nav-outer -->
	</div>
	<!--  start nav-outer-repeat................................................... END -->

	<div class="clear"></div>

	<!-- start content-outer ........................................................................................................................START -->
	<div id="content-outer">
		<!-- start content -->
		<div id="content">

			<!--  start page-heading -->
			<div id="page-heading">
				<h1>Edit Staff Information</h1>
			</div>
			<!-- end page-heading -->

			<table border="0" width="100%" cellpadding="0" cellspacing="0"
				id="content-table">
				<tr>
					<th rowspan="3" class="sized"><img
						src="${pageContext.request.contextPath}/resources/images/shared/side_shadowleft.jpg" width="20"
						height="300" alt="" /></th>
					<th class="topleft"></th>
					<td id="tbl-border-top">&nbsp;</td>
					<th class="topright"></th>
					<th rowspan="3" class="sized"><img
						src="${pageContext.request.contextPath}/resources/images/shared/side_shadowright.jpg" width="20"
						height="300" alt="" /></th>
				</tr>
				<tr>
					<td id="tbl-border-left"></td>
					<td>
						<!--  start content-table-inner ...................................................................... START -->
						<div id="content-table-inner">

							<!--  start table-content  -->
							<div id="table-content">
								<!--  start product-table ..................................................................................... -->
								<form:form action="editstaff" commandName="emp" method="post">
									<table border="0" cellpadding="0" cellspacing="0" id="id-form">
										<tr>
											<th valign="top">Employee ID</th>
											<td>${emp.employeeId}
											<!-- <input type="text" name="name" value=${emp.name} class="inp-form" /> --></td>
											<td></td>
										</tr>
										<tr>
											<th valign="top">Employee Name</th>
											<td><input type="text" name="name" class="inp-form" value=${emp.name} /></td>
											<td></td>
										</tr>
										<tr>
											<th valign="top">Password</th>
											<td><input type="text" name="password" class="inp-form" value=${emp.password}/>
											</td>
											<td></td>
										</tr>
										<tr>
											<th valign="top">Designation</th>
											<td><input type="text" name="designation" value=${emp.designation}
												class="inp-form" /></td>
											<td></td>
										</tr>
										<tr>
											<th valign="top">Contact Number</th>
											<td><input type="text" name="contactNo" class="inp-form"  value=${emp.contactNo}/>
											</td>
											<td></td>
										</tr>
										<tr>
											<th valign="top">Address</th>
											<td><input type="text" name="address" class="inp-form" value=${emp.address}/>
											</td>
											<td></td>
										</tr>
										<tr>
											<th valign="top">DOB</th>
											<td>${emp.dob}</td>
											<td></td>
										</tr>
										<tr>
											<th valign="top">Manager ID</th>
											<td><input type="text" name="managerId" class="inp-form" value=${emp.managerId} />
											</td>
											<td></td>
										</tr>
										<tr>
											<th valign="top">Date Hired</th>
											<td>${emp.dateHired}</td>
											<td></td>
										</tr>
										<tr>
											<th valign="top">Role</th>
											<td><input type="text" name="role" class="inp-form" value=${emp.role} />
											<td></td>
										</tr>
										<tr>
											<th valign="top">Medical Leave Balance</th>
											<td><input type="text" name="ML_Balance" value=${emp.ML_Balance}
												class="inp-form" /></td>
											<td></td>
										</tr>
										<tr>
											<th valign="top">Compensation Leave Balance</th>
											<td>${emp.CL_Balance}
										
											<td></td>
										</tr>
										<tr>
											<th valign="top">AL Balance</th>
											<td><input type="text" name="AL_Balance" value=${emp.AL_Balance}
												class="inp-form" /></td>
											<td></td>
										</tr>
										<tr>
											<td colspan="3">
												<button type="submit" id="update" class="form-submit"
													name="save">Update</button>
												<button type="submit" id="delete" class="form-reset"
													name="delete">Reset</button>
											</td>
										</tr>
										<tr>
											<td colspan="3"><a
												href="${pageContext.request.contextPath}/admin/view-all"><b>View
														All Employees</b></a></td>
										</tr>
									</table>
									<i>${message}</i><br />
									<!--  end product-table................................... -->
								</form:form>
							</div>
							<!--  end content-table  -->

							<div class="clear"></div>

						</div> <!--  end content-table-inner ............................................END  -->
					</td>
					<td id="tbl-border-right"></td>
				</tr>
				<tr>
					<th class="sized bottomleft"></th>
					<td id="tbl-border-bottom">&nbsp;</td>
					<th class="sized bottomright"></th>
				</tr>
			</table>
			<div class="clear">&nbsp;</div>

		</div>
		<!--  end content -->
		<div class="clear">&nbsp;</div>
	</div>
	<!--  end content-outer........................................................END -->
	<div class="clear">&nbsp;</div>
    
<!-- start footer -->         
<div id="footer">
	<!--  start footer-left -->
	<div id="footer-left">
	
	ISS SA-37 TEAM 2 @  GILBRT @ KHIN LAI PHYO AUNG @ LIU CHANG @ MAHEEN @ NAN MAI NGIN @ NARESH SARAVANA </div>
	<!--  end footer-left -->
	<div class="clear">&nbsp;</div>
</div>
<!-- end footer -->
</body>
</html>